<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
    <%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
    <style>
        h1 {
            font-size: 30px;
           
            text-transform: uppercase;
            font-weight: 300;
            text-align: center;
            margin-bottom: 15px;
        }
        table {
            width: 100%;
            table-layout: fixed;
        }
        .tbl-header {
            background-color: rgba(255,255,255,0.3);
        }
        .tbl-content {
            height: 300px;
            overflow-x: auto;
            margin-top: 0px;
            border: 1px solid rgba(255,255,255,0.3);
        }
        th {
            padding: 20px 15px;
            text-align: left;
            font-weight: 500;
            font-size: 12px;
           
            text-transform: uppercase;
        }
        td {
            padding: 15px;
            text-align: left;
            vertical-align: middle;
            font-weight: 300;
            font-size: 12px;
            
            border-bottom: solid 1px rgba(255,255,255,0.1);
        }
    </style>
 <style type="text/css">
table{ 
   text-align:center;
    width:100%; 
    border-collapse:collapse;
    background:url(images/jbs6.png)
    }

div{ 
    text-align:center;
     width:80%; 
    border-collapse:collapse;}
   .contrainer{
   width:600px;
   margin:60px auto
    text-align:center;
 }
 
  .contrainer h3{
    text-align:center;
  }
  .contrainer table{
    width:60%; 
    border-collapse:collapse;
     text-align:center;
  }

  td,th{
    padding:8px 15px;
    text-align:center;
  }
</style>
<body background="images/1.jpg">
<div>
<table class="contrainer"style="background:url(images/jbs白.jpg)">
  <tr>
    <th>课程</th>
    <th>成绩</th>
  </tr>
  <c:forEach items="${list3}" var="g">
  <tr>
   <td width="200">${g.course.name}</td>
   <td><input type="text" value="${g.grade }" onchange="cjChange(${g.id},this.value)"/></td>
  </tr>
 
  </c:forEach>
  
</table>
</div>
</body>